<template>
  <div class="layout-container">
    <div class="layout-header">
      <AssetSituation></AssetSituation>
    </div>
    <div class="layout-body">
      <LabelClassification></LabelClassification>
    </div>
    <div class="layout-footer">
      <div class="layout-footer-right">
        <Ranking></Ranking>
      </div>
      <div class="layout-footer-center"></div>
      <div class="layout-footer-left"></div>
    </div>
  </div>
</template>

<script setup>
import AssetSituation from "./components/assetSituation.vue";
import LabelClassification from "./components/labelClassification.vue";
import Ranking from "./components/ranking.vue";
</script>
<style scoped lang="less">
.layout-container {
  .layout-header {
    padding: 0.1rem;
  }

  .layout-container {
    padding: 0.1rem;
    margin-top: 0.5rem;
  }
}
</style>